@charset "UTF-8";

/* 重设样式 */

*{margin:0;padding:0;list-style:none;border:none;outline:none;}

body{ font-style: normal;font-variant:normal;color:#000000;font-family: "SourceHanSansCN-Regular", "SourceHanSansCN";}

/* 内外边距通常让各个浏览器样式的表现位置不同 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    margin: 0;

    padding: 0;

}

input, select, textarea {font-size: 100%;}

/* 去掉各 Table  cell 的边距并让其边重合 */

table {border-collapse: collapse;border-spacing: 0;}

/* 去除默认边框 */

fieldset, img {border: 0;}

/* 去掉 firefox 下此元素的边框 */

abbr, acronym {border: 0;font-variant: normal;}

/* 一致的 del 样式 */

del {text-decoration: line-through;}

address, caption, cite, code, dfn, em, th, var,i {font-size:100%;font-style: normal;font-weight: normal;}

/* 去掉列表前的标识, li 会继承 */

ol, ul {list-style: none;}

/* 对齐是排版最重要的因素, 别让什么都居中 */

caption, th {text-align: left;}

/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}

q:before, q:after {content: '';}

/* 正常链接 未访问 */

/* 鼠标悬停 */

a:hover {text-decoration:none;}

/* 默认不显示下划线，保持页面简洁 */

ins, a {text-decoration: none;color:#000000;}

body{background-color: #000;}

html{ overflow-x:hidden; }

img{width: 100%;}

.w1200{width: 1200px; margin: 0 auto;}
.w232{width: 232px; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.color_fe{color: #FEC831 !important;}
.color_99{color: #999 !important;}
.cb{clear: both;}

.fl{float: left;}

.fr{float: right;}

/*流程*/

.header_top{height: 80px; background-color: #3B3B3B; width: 100%;}

.header_top .header_logo{width: 136px; height: 44px; margin-top: 18px; float: left;}

.header_top .header_dw{float: right; margin-top: 28px; width: 700px; position: relative;}

.header_top .header_dw .header_zb{float: left;width: 28px; height: 28px;}

.header_top .header_dw .header_city{float: left; color: #fff; font-size: 16px; line-height: 28px; margin:0 4px 0 9px; cursor: pointer;}

.header_top .header_dw .header_bignew{float: left;width: 36px; height: 20px; margin: 4px 0 0 25px; }

.header_top .header_dw .header_line{width: 1px; height: 12px; background-color: #E3E3E3; float: left; margin: 8px 19px 0 19px;}

.header_top .header_dw .header_phone{float: left;width: 28px; height: 28px;}

.header_top .header_dw .header_dh{float: left;width: 28px; height: 28px; margin-left: 53px;margin-top: 2px;}

.header_top .header_dw .header_400{font-size: 24px; color: #fff; margin-left: 8px; float: left;}

.header_top .header_dw .hader_yd{ position: absolute; top: 52px; z-index: 10; right: 262px; width: 124px;}

/*导航*/

.header_nav{clear: both; height: 80px; background-color: #F3F3F3; width: 100%;}

.header_nav .nav_title{float: left;height: 80px;position: relative;}

.header_nav .nav_title li{
  font-size: 20px;
  color: #222222;
  margin:20px 20px 0 20px; 
  float: left;
  cursor: pointer; 
  line-height: 40px; 
  height: 40px;
  position: relative;
  font-weight: 350;
  font-family: 微软雅黑;
}
.nav_title li a{
  color: #222 !important;
}
.nav_title li:nth-child(2){
    height: 100%;
    line-height: 80px;
    margin: 0 20px 0 20px;
    position: relative;
}
.nav_title li:nth-child(6){
    height: 100%;
    line-height: 80px;
    margin: 0 20px 0 20px;
    position: relative;
}
.nav_title li:nth-child(7){
    line-height: 80px;
    margin: 0 20px;
    /*position: relative;*/
    padding-bottom: 20px;
}
.nav_title li:nth-child(7) .on{
  margin-top: 40px;
}
.header_nav .nav_title .nav_hot{width: 30px; height: 16px; position:absolute;top: -6px; right:-17px;}
.header_nav .on{border-bottom: 4px solid #FEC831; border-radius: 2px;}

.header_nav .carousel{float: right; width: 240px; height: 40px; border:2px solid #CD944B; border-radius: 10px;margin-top: 19px;overflow: hidden;}

.header_nav .carousel .header_lb{width: 193px; height: 20px; margin-top: 10px;}

.header_nav .carousel .header_lb .swiper-wrapper{width: 193px; height: 20px;}



/*导航下拉*/

.header_xl{width: 100%; background-color: #fff;overflow: hidden; position: absolute;top: 157px; z-index: 1;display: block;}

.header_xl .tab_xl {float: left;}

.header_xl .tab_xl li{width: 254px; height: 148px;text-align: center;cursor: pointer; overflow: hidden;}

.header_xl .tab_xl .on{color: #E8AF65;background-color: #f9f9f9}

.header_xl .tab_xl div{line-height: 40px; margin-top: 52px;font-size: 20px;color: #222; font-weight: 400;}

.header_xl .tab_xl .on div{ border-bottom: 2px solid #ecc392; display:inline-block;}

.header_xl .banner_xl .header_xlimg{display: flex; justify-content: space-between; flex-wrap:wrap; text-align: center; width: 946px;margin-top: 20px;}

.header_xl .banner_xl .header_xlimg li{width: 302px; text-align: center; margin-top: 20px;}

.header_select{
    width: 1200px;
    height: auto;
    position: absolute;
    top: 79px;left: -83px;
    margin: 0 auto;
    z-index: 99;
    display: none;
    background-color: #fff;
    /* height: 445px; */
  }
  .header_select ol{
    width: 254px;
    height: auto;
  }
  .header_select ol li{
    width: 100% !important;
    height: 148px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    line-height: 0 !important;
  }
  .header_select ol li span{
    height: 20px;
    font-size: 20px;
    color: #222;
    display: block;
    padding-bottom: 15px;
  }
  .header_select ol li.active{
    background-color: #F9F9F9;
  }
  .header_select ol li.active span{
    color: #E8AF65;
    border-bottom: 2px solid #E8AF65;
  }
  .header_select_right{
    width: 946px;
    height: auto;
    position: relative;
    /* position: absolute; */
    /* top: 35px; */
	/* left: 254px; */
    overflow: hidden;
    display: none;
	box-sizing: border-box;
	    padding: 35px 0 0 0;
  }
  .header_select_right a{
    width: 300px;
    height: 172px;
    margin: 0 10px 0 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 64px 0;
  }
.header_select_right div a img{
    width: 300px;
    height: 172px;
    display: inline-block;
  }
  .header_select_right div:nth-child(3),.header_select_right div:nth-child(6){
    margin-right: 0;
  }
  .header_select_right.active{
    display: block;
  }
.header_select_right_jt{
  width: 44px;
  height: 172px;
  background: linear-gradient(45deg, #E8AF65, #CD944B);
  position: absolute;
  top: 0;left: 0;
  display: none;
  justify-content: center;
  align-items: center;
}
.header_select_right_jt img{
  width: 24px;
  height: 24px;
  display: block;
}
.header_select_right a.active .heder_bl{
  margin-left: 44px;
}
.header_select_right a.active .header_select_right_jt{
  display: flex !important;
}
/*城市下拉*/
.city_xl{width: 280px; background: #fff; position: absolute; top: 52px;left: 0px;border: 1px solid #F5F5F5;z-index: 1;display: none;z-index: 999;}
.city_xl .city_zb{width: 20px; height: 20px; float: left;margin-right: 5px;margin-top: 14px;}
.city_xl span{line-height: 30px;font-family: Source Han Sans CN;font-size: 14px; margin: 0 5px; color: #666; cursor: pointer;}
.city_xl a:hover{color: #FEC831;}
.city_xl .header_zm{float: left; color: #999; width: 20px;line-height: 30px;font-family: Source Han Sans CN;font-size: 14px; margin: 10px 0 0 5px;}
.city_xl .header_bor{width: 200px; border-bottom: 1px dashed #F5F5F5; float: left;padding-top: 10px;}


/*分页*/



.pagination{display: flex; justify-content: center; flex-wrap:wrap;/*width: 546px !important;*/ margin:0 auto;}

.pagination a{display: block; width: 32px; height: 32px; }

.pagination a:hover{background-color: #DDA45A; color: #fff;}

.pagination li{width: 32px; height: 32px; cursor: pointer; text-align: center; line-height: 32px; background-color: #ffffff;box-shadow: 2px 3px 8px 0px #F3F3F3; border-radius: 4px;font-family: PingFang; font-size: 14px;color: #7A7A7A;margin: 20px 5px; float: left;}

.pagination .active{background-color: #DDA45A; color: #fff;}